<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>BookMark</title>
    </head>
    <body>
        <div id="Home">
            <div id="book-mark">
                <div class="bookmark-item">
                    <h2>资源</h2>
                    <a href="https://aliupan.com/" title="阿里网盘的资源下载">阿里U盘</a>
                    <a href="https://www.blendermagic.cn/#/" title="blender资源开源网站">斑斓魔法CG</a>
                    <a href="http://doc.adinnet.com/pages/b1f080/#_4-%E9%A2%84%E5%8F%91%E5%B8%83%E7%8E%AF%E5%A2%83"
                       title="艾艺公司的低代码开发平台">艾艺低代码开发文档</a>
                    <a href="https://whoer.net/" title="ip地址查询和详情">ip地址</a>
                </div>

                <div class="bookmark-item">
                    <h2>downLoad</h2>
                    <a href="https://www.gndown.com/" title="">绿软小站</a>
                </div>
                <div class="bookmark-item">
                    <h2>GitHub</h2>
                    <a href="https://github.com/pavlobu/deskreen"
                       title="可以共享自己的屏幕，在任意一台设备通过http地址查看">Deskreen</a>
                </div>

                <div class="bookmark-item">
                    <h2>中电科</h2>
                    <a href="http://172.17.6.191:8848/nacos/#/configurationManagement?dataId=&group=&appName=&namespace=&pageSize=&pageNo="
                       title="测试环境nacos">nacos</a>
                    <a href="http://172.17.6.191:8000/project/szkjWeb/#/login"
                       title="测试环境PC后台">轨道交通精细化管理系统</a>
                    <a href="https://x003hp.axshare.com/#id=jmo97h&p=%E9%A6%96%E9%A1%B58_1031_&g=1"
                       title="">轨交大屏原型</a>
                    <a href="https://aldr34.axshare.com/#id=gimdfr&p=%E8%BD%A6%E7%AB%99%E4%BF%A1%E6%81%AF%E7%AE%A1%E7%90%86-%E4%BA%BA%E5%91%98%E7%AE%A1%E7%90%862&g=1"
                       title="pc后台原型">轨交后台原型</a>
                    <a href="http://172.17.6.192:8084/api-rail/doc.html#/1.X%E7%89%88%E6%9C%AC/unit-management-controller/getZdbmqListUsingPOST"
                       title="测试环境上的接口文档">knife测试环境接口文档</a>
                    <a href="http://183.194.254.19:8001/project/gjzdWeb/#/login"
                       title="生产环境pc后台">轨道交通精细化管理系统</a>

                </div>


            </div>
        </div>
    </body>
    <style>
        Html, body {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-image: url("./Resource/pic/16ffd7ec2ad89ef57ff9a21957ec95ad.jpg");
        }

        #book-mark {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .bookmark-item {
            display: flex;
            flex-direction: column;
            border: red 5px solid;
            color: aliceblue;
            width: 20%;
            height: 50%;
            padding: 5px;
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影效果 */
            margin: 5px;
            overflow: auto;
        }
        .bookmark-item a{
            color: aliceblue;
        }

    </style>
</html>